<extend name="Public:base" />

<block name="style">
	<style>
        .main{width:830px;}
        .butn{border:0px;background: url("__PUBLIC__/imgs/show_option.png");width: 76px;height: 28px;font-size: 14px;color:#fff;line-height: 28px;padding-right: 15px;}
        .butn:hover{cursor: pointer;background: url(".__PUBLIC__/imgs/show_option_active.png");}
        .disc{width:670px;height: 370px;margin: 0 auto;}
        .dischd{width: 670px;height: 45px;}
        .dischd ul li{float: left;line-height: 45px;text-align: left;}
        .level{width: 670px;height: 30px;}
        .level ul li{float:left;line-height: 30px;}
        .pinlun{width: 670px;height: 161px;margin-top:20px;}
        .annv{width:640px;height:43px;margin-left: 30px;margin-top: 40px;}
        .tijiao{width:108px;height:43px;border: 0px;background: url("__PUBLIC__/imgs/bg_big_blue.jpg");color: white;text-align: center;line-height: 20px;font-size: 17px;}
        .tijiao:hover{cursor: pointer;background: url(".__PUBLIC__/imgs/bg_big_blue_hover.jpg");}
	</style>
</block>

<block name="main">
    <div class="main">
    	<div class="order">
    		<!--
    		<div class="input-append">
    			<input class="span2" id="appendedInputButtons" type="text">
    			<button class="btn" type="button">搜索</button>
    		</div>&nbsp;&nbsp;
    		<a href=""><i class="icon-play"></i>展开更多筛选</a>-->
	    	<form action="index.php" method="get" id="searchForm">
                <div class="searchmod">
                    <input name="searchKeyword" type="text" class="searchtext" value="搜索商品/店铺" maxlength="50" autocomplete ="off">
                    <ul style="display:none;"></ul>
                    <input type="hidden" name="searchType" value="1">
                </div>
                    <input name="do_search" type="submit" class="searchbtn">
                    <a href="javascript:void(0)" class="open-more"><i></i>展开更多筛选</a>
                    <a href="javascript:void(0)" style="display:none;" class="open-more fold-more"><i></i>展开更多筛选</a>
                    <div class="clear"></div>
                    <div class="searchbox-more clearfix" style=" position:relative;z-index:11;display:none;">
                        <span class="status">订单状态：</span>
                            <div class="selectbox form">
                                <input  type="text" name="searchStatus" id="searchStatus" value="全部状态">
		                        <ul style="display:none;">
		                            <li value="0">全部状态</li>
		                            <li value="1">等待卖家确认</li>
		                            <li value="2">等待买家付款</li>
		                            <li value="3">等待卖家发货</li>
		                            <li value="4">卖家已发货</li>
		                            <li value="5">交易完成</li>
		                            <li value="6">交易关闭</li>
								</ul>
                            </div>
                        <span class="status">评价状态：</span>
                            <div class="selectbox appraise">
                                <input  type="text" name="searchReview" id="searchReview" value="全部订单">
                                 <ul style="display:none;">
                                    <li value="0">全部订单</li>
                                    <li value="1">待评价</li>
                                    <li value="2">已评价</li>
                                </ul>
                            </div>                                
                    </div>
                    <input type="hidden" name="c" value="OrderManage">
                    <div class="selectbox findmod2">
                        <input type="hidden" name="searchOrderType" value="1">
                    </div>
            </form>

            <table class="order-list-nav">
                <tbody>
                    <tr>
                        <td class="cell-1">商品信息</td>
                        <td class="cell-2">单价(元)</td>
                        <td class="cell-3">数量</td>
                        <td class="cell-4">售后</td>
                        <td class="cell-5">实付款（元）</td>
                        <td class="cell-6">
                            <div class="selectbox">
                                <input  type="text" name="searchStatus" value="全部状态">
                                <ul style="display:none;" id='searchStatusList'>
                                <li value="0">全部状态</li>
                                <li value="1">等待卖家确认</li>
                                <li value="2">等待买家付款</li>
                                <li value="3">等待卖家发货</li>
                                <li value="4">卖家已发货</li>
                                <li value="5">交易完成</li>
                                <li value="6">交易关闭</li>
                                </ul>
                            </div>
                        </td>
                        <td class="cell-7">操作</td>
                    </tr>
                </tbody>
            </table>


            <div class="order-infor mt">
                <span>订单编号：2015110510325214705170</span>
                <span>下单时间：2015-11-05 10:32:52</span>
                <div class="seller">
                    <label>店铺：</label>
	             	<span class="tag-security" title="Z保障+"></span>
	               	<a href="http://www.zol.com/shop_188527" target="_blank" class="merchantInfo">诚实青年数码专营店</a>
	                <a title="点击“生意宝”开始交谈" href="javascript:DOVE.openChat('188527','',3)"><img alt="" width="21" height="21" src="Picture/company-ico-offline.png"></a>
	                <div class="contact-infor">
	                    <h3>联系信息</h3>
	                    <p><span>联 系 人：</span>小夏</p>
	                    <p><span>联系电话：</span>010-51282881</p>
	                    <p><span>地　　址：</span>北京市海淀区</p>
	                </div>
                </div>
                <span class="cancel-order"><a href="javascript:void(0)" onclick="orderDisposeBox('1845966', 'buyerCancelOrder')">取消订单</a></span> 
            </div>

			<table class="order-list" border="0" cellspacing="0" cellpadding="0">
	           <tbody>
	                <tr>
	                    <td>
	                        <div class="product-infor">
				                <div class="subproduct first clearfix">
				                    <a class="pic" href="" ><img height="60" width="80" src="__PUBLIC__/imgs/chmkj1xlxlkiob3vaantggjwrsaaaciawgvpziaa20w862.jpg"></a>
					                <div class="infor">
					                    <h3><a href="" target="_blank">【赠华为原装保护壳 现货无需抢】华为 荣耀7i（ATH-AL00/三 网通）翻转镜头手机 5.2英吋大屏  3GRAM+32GROM</a></h3>
					        			<h3><a target="_blank" href="">[交易快照]</a></h3>
					           			<p><span class="color">颜色：<em>【沙滩金】行货32GB</em></span><span class="setdoll">套装：<em>套装一</em></span></p>
					                </div>
				                    <div class="price">2123.00</div>
				                    <div class="num">1</div>
				                    <div class="aftermarket"></div> 
								</div>
                            </div>
                        </td>
                        <td class="sum">
                            <p class="order-price">2123.00</p>
                            <p class="send-price">（免运费）</p>             
                        </td>
                        <td class="status">     
                        	<p class="red"  style="color:#FF5500">等待卖家发货</p>                                                  <p><a target="_blank" class="btn" href="">货到付款</a></p>                                           
                        </td>
                        <td class="operate">
                            <p><a href="http://order.zol.com/index.php?c=orderDetail&orderId=1845966">订单详情</a></p>
                        </td>
                    </tr>
                </tbody>
            </table>


            <!--订单评论-->
            <div class="order-infor mt">
                <span>订单编号：2015110510325214705170</span>
                <span>下单时间：2015-11-05 10:32:52</span>
                <div class="seller">
                    <label>店铺：</label>
                    <span class="tag-security" title="Z保障+"></span>
                    <a href="http://www.zol.com/shop_188527" target="_blank" class="merchantInfo">诚实青年数码专营店</a>
                    
                </div>
                <span class="cancel-order"><a href="javascript:void(0)" onclick="orderDisposeBox('1845966', 'buyerCancelOrder')">取消订单</a></span> 
            </div>

            <table class="order-list" border="0" cellspacing="0" cellpadding="0">
               <tbody>
                    <tr>
                        <td>
                            <div class="product-infor">
                                <div class="subproduct first clearfix">
                                    <a class="pic" href="" ><img height="60" width="80" src="__PUBLIC__/imgs/chmkj1xlxlkiob3vaantggjwrsaaaciawgvpziaa20w862.jpg"></a>
                                    <div class="infor">
                                        <h3><a href="" target="_blank">【赠华为原装保护壳 现货无需抢】华为 荣耀7i（ATH-AL00/三 网通）翻转镜头手机 5.2英吋大屏  3GRAM+32GROM</a></h3>
                                        <h3><a target="_blank" href="">[交易快照]</a></h3>
                                        <p><span class="color">颜色：<em>【沙滩金】行货32GB</em></span><span class="setdoll">套装：<em>套装一</em></span></p>
                                    </div>
                                    <div class="price">2123.00</div>
                                    <div class="num">1</div>
                                    <div class="aftermarket"></div> 
                                </div>
                            </div>
                        </td>
                        <td class="sum">
                            <p class="order-price">2123.00</p>
                            <p class="send-price">（免运费）</p>             
                        </td>
                        <td class="status">     
                            <p class="red"  style="color:#FF5500">已收货</p>                                                  <p><a target="_blank" class="btn" href="">货到付款</a></p>                                           
                        </td>
                        <td class="operate">
                            <p><a href="">订单详情</a></p>
                            <p><a onclick="comment()">订单评论</a></p>
                            <p><button class="butn" id='btn'>评价</button></p>
                            
                        </td>
                    </tr>
                </tbody>
            </table>

            <!--订单评论-->
            <div id='slow' class="order-list" style="height:370px;border:1px solid #E2E2E2;display:none">
                <div class="disc">
                    <div class="dischd">
                        <ul>
                            <li style="width:90px;height:45px;margin-left:10px;color:#535353;font-size:20px;font-weight:700;">
                                发表评论
                            </li>
                            <li style="color:#535353;font-size:13px;margin-left:12px;">
                                (选择评论等级)
                            </li>
                        </ul>
                    </div>
                    <form action="" method="post">
                        <div class="level">
                            <ul>
                                <li style="margin-left:70px;">评论等级：</li>
                                <li style="margin-left:20px;">
                                    <input type="radio" name="deng" value="1"> 好评
                                    <input type="radio" name="deng" value="2"> 中评
                                    <input type="radio" name="deng" value="3"> 差评
                                </li>

                            </ul>   
                        </div>
                        <div class="pinlun">
                            <textarea style="width:610px;height:160px;margin-left:25px;COLOR: #535353" class="action-fill-textarea" data-caution="请填写回复内容，最多1000字" placeholder="欢迎发表评论，最多1000字。" vtype="required" rows="10" cols="30" name="comment"></textarea>
                        </div>
                        <div class="annv">
                            <button class="tijiao">提交评论</button>
                        </div>
                    </form>
                </div>
            </div>

	    </div>
        <script>
            $('#btn').click(function(){
                $('#slow').slideToggle("show");
            });
        </script>

    </div>
</block>